<!-- 引入头部 -->
<include file="header4detail" />
<link rel="stylesheet" href="__PUBLIC__/css/index.css">
<script type="application/javascript" src="__PUBLIC__/js/home/index.js"></script>

<script src="__PUBLIC__/js/home/login_register.js"></script>

<style type="text/css">
.my-panel-footer-style {
    font-size: 11px;
}

.my-a-style {
/*    color: #16a085;*/
    text-decoration: none;
    -webkit-transition: .25s;
    transition: .25s;
}
</style>

<body>

<div class="container my-container-style">

<form method="post" name="registeForm" id="registeForm"
      action="{:U('Home/Index/register')}" onsubmit="return checkUserInfo()">

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            欢迎注册使用beginner！
        </div>
        <div class="modal-body">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="username__2">
                <label for="username">用户名</label>
                <input type="text" class="form-control" id="myusername" name="username"
                       placeholder="请输入注册的用户名" onblur="checkSelf(this)">
                <span class="help-block" id="help-block1">用户名只能由字母、数字、下划线组成并且长度不少于6位</span>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="password__2">
                <label for="password">密码</label>
                <input type="password" class="form-control" id="password1" name="password"
                       placeholder="请输入密码" onblur="checkSelf(this)">
                <span class="help-block" id="help-block2">密码长度不少于6位</span>
            </div>
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="password2__2">
                <label for="password2">确认密码</label>
                <input type="password" class="form-control" id="password2" name="password2"
                       placeholder="请输入确认密码" onblur="checkSelf(this)">
                <span class="help-block" id="help-block3"></span>
            </div>

            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" id="email__2">
                <label for="email">邮箱</label>
                <input type="text" class="form-control" id="email" name="email"
                       placeholder="请输入邮箱" onblur="checkSelf(this)">
                <span class="help-block" id="help-block4"></span>
            </div>
        </div>

        <div class="modal-footer" style="padding: 5px 15px;">
            <div class="padding-right:30px; padding-bottom:15px;">
                <input type="submit" id="register-btn" value="注册" class="btn btn-info" style="padding:4px 8px;">
                &nbsp;&nbsp;
                <!-- 点击关闭，关闭的是 modal，即class为modal的标签 -->
                <a class="btn btn-default" data-dismiss="modal" style="padding:4px 8px; margin-right:20px;">
                    取消
                </a>
            </div>
        </div>
    </div>
</div>

</form>

</div> <!-- /container -->

</body>

<!-- 引入尾部 -->
<include file="footer" />
